<template>
  <div>
    <!-- <xiuson :value="num" @input="e => num = e" /> -->
    <!--
      v-model相当于做了以下的两件事：
      1.绑定了一个value属性，给子组件
      2.绑定了一个input点击事件，子组件触发时会父组件会+1
      v-model的缺点：
      1.一个标签上只能绑定一次
      2.绑定属性必须时value
      3.绑定的事件必须是input
     -->
    <xiuson v-model="num" />
    <son :count.sync="num" />
  </div>
</template>

<script>
import Son from './son.vue'
import xiuson from './xiuson.vue'
export default {
  name: 'Hr75Approvals',
  components: { xiuson, Son },
  data() {
    return {
      num: 0
    }
  },

  mounted() {

  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
